<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <meta charset="UTF-8">
    </head>
    <style type="text/css">
    .k
    {
        width: 1150px;
        height: 600px;
    }
    .an
    {
        background-color: white;
        color:rgb(0, 161, 214);
        border-color: rgb(0, 161, 214);
        border-width:1px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        padding-left: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-right: 12px;
        position: absolute;
        left: 950px;
        top:1px;
    }
    .an:hover
    {
        background-color: rgb(0, 161, 214);
        color: white;
    }
    .a
    {
        color: #000;
        display:inline-block;
        cursor: pointer;
        font-size: 14px;
        text-decoration:none;
        position:absolute;
    }
    .a:focus
    {
        text-decoration:none;
        color: rgb(0, 161, 214);
        font-size: 14px;
        border-bottom: 1px solid #00a1d6;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(0, 161, 214);
        padding-bottom: 3px;
    }
    .b
    {
        color: #000;
        display:inline-block;
        cursor: pointer;
        font-size: 20px;
        font-variant-position: 4px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        position: absolute;
    }
    .b1:hover
    {
        font-size: 20px;
        color: rgb(0, 161, 214);
        cursor: pointer;
    }
    .fj
    {
        position: absolute;
    }
    .c
    {
        height: 600px;
        width: 1150px;
    }
    .d
    {
        height: 70px;
        margin-left: 3px;
        display:inline-block;
        overflow: auto;
    }
    .e
    {
        display:flex;
        float: left;
        cursor: pointer;
    }
    .f
    {
        display:inline-block;
        font-size: 12px;
        width: 200px;
    }
    .g
    {
        color: #000;
        text-decoration:none;
        cursor: pointer;
        font-variant-position: 4px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;  
    }
    .g1:hover
    {
        color: rgb(0, 161, 214);
        cursor: pointer;
    }
    .h
    {
        color: rgb(0, 161, 214);
        cursor: pointer;
    }
    </style>
    <body>
        <div>
        <div class="k">
            <div>
            <img class="fj" src="fj.png"/>
            &nbsp;&nbsp;
            &nbsp;&nbsp;
         <div class="b b1">番剧</div>
            &nbsp;&nbsp;
            &nbsp;&nbsp;
            &nbsp;&nbsp;
                <a href="#" class="a">最新</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周一</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周二</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周三</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周四</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周五</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周六</a>
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                &nbsp;&nbsp;
                <a href="#" class="a">周日</a> 
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;              
            <button class="an">新番时间表 ></button>
            </div>
            <br/>
            <br/>
            <br/>
            <div class="c">
                <div class="d">
                    <div class="e"><img src="13.png" height="70px" width="70px"/>
                        <div class="f">
                            <a class="g g1" href="#">黑色四叶草</a>
                            <p class="h">154话</p>
                        </div>
                    </div>
                </div>               
                <div class="d">
                    <div class="e"><img src="14.png" height="70px" width="70px"/>
                        <div class="f"><a class="g g1" href="#">闇影詩章（僅限台灣地區）</a>
                            <p class="h">第33话</p>
                        </div>
                    </div>        
                </div>
                <div class="d">
                    <div class="e"><img src="15.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">影之诗</a>
                        <p class="h">第33话</p>
                    </div>
                </div>
                <div class="d">
                    <div class="e"><img src="16.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">月歌。THE ANIMATION2</a>
                        <p class="h">第9话</p>
                    </div>
                </div>
                <br/>
                <div class="d">
                    <div class="e"><img src="17.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">A3！满开剧院 秋组&冬组篇</a>
                        <p class="h">第8话</p>
                    </div>
                </div>
                <div class="d">
                    <div class="e"><img src="18.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">你与我最后的战场，亦或是世界起始的圣战</a>
                        <p class="h">第9话</p>
                    </div>
                </div>
                <div class="d">
                    <div class="e"><img src="19.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">One Room 第三季</a>
                        <p class="h">第9话</p>
                    </div>
                </div>
                <div class="d">
                    <div class="e"><img src="20.png" height="70px" width="70px"/></div>
                    <div class="f"><a class="g g1" href="#">熊熊勇闯异世界</a>
                        <p class="h">第9话</p>
                    </div>
                </div>
            </div>
    </body>
</html>